*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html,body{
    width: 100%;
    font-family: Vibur;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #2f3542;


}
.time{
    font-size: 6.5em;
    color: #ff4757;
    text-shadow: 0 0 10px rgb(101, 196, 24,.7),
    0 0 20px rgb(101, 196, 24,.7),
    0 0 40px rgb(101, 196, 24,.7),
    0 0 80px rgb(101, 196, 24,.7),
    0 0 160px rgb(101, 196, 24,.7);
    animation: animate 2s linear infinite;
    opacity: .9;
}
@keyframes animate {
    77%{
        opacity: .9;
        text-shadow: 0 0 10px rgb(101, 196, 24,.7),
        0 0 20px rgb(101, 196, 24,.7),
        0 0 40px rgb(101, 196, 24,.7),
        0 0 80px rgb(101, 196, 24,.7),
        0 0 160px rgb(101, 196, 24,.7);
    }
    78%,90%{
        text-shadow: none;
        opacity: 0;
    }
    80%,93%{
        opacity: .9;
        text-shadow: 0 0 10px rgb(101, 196, 24,.7),
        0 0 20px rgb(101, 196, 24,.7),
        0 0 40px rgb(101, 196, 24,.7),
        0 0 80px rgb(101, 196, 24,.7),
        0 0 160px rgb(101, 196, 24,.7);
    }
}


